/**
* @Name    : lee.scss
* @DateTime: 2025/10/28
* @Desc    : lee 的 scss 文件
* @Use     : @use "@/assets/css/lee.scss" as lee;lee.$color-shadow-gray
*/

// ========================================================================================================//
// ============================      SCSS Variables Area      =============================================//
// ============================      SCSS 变量区域              =============================================//
// ========================================================================================================//

/*
****************    Colors    *************** 
****************    Colors    *************** 
****************    Colors    *************** 
*/
// Common Colors
$color-blue-1: #155eef;
// Background color
$color-background: #f2f4f7;
$color-background-white-1: #ffffff;
$color-background-white-1-hover: #f2f4f7;
$color-background-white-2: #fcfcfd;
$color-background-gray-1: #f2f4f7;
$color-background-gray-1-hover: #c8ceda33;
$color-background-gray-2: #e9ebf0;
$color-background-blue-1: #155eef;
$color-background-blue-1-hover: #5485e5;
$color-background-blue-1-active: #155aef14;

// Font color
$color-font-black-1: #333333;
$color-font-black-2: #354052;
$color-font-black-3: #495464;
$color-font-black-4: #676f83;
$color-font-white-1: #ffffff;
$color-font-blue-1: #155eef;
// Iconfont color
$color-iconfont-gray-1: #c3c3c3;
$color-iconfont-gray-1-hover: #939393;
// Border color
$color-border: #dcdfe6;
$color-border-white-1: #dcdfe646;
$color-border-checkbox: #ccccccc8;
$color-border-checkbox-hover: #acacac;
// Shadow color
$color-shadow-gray: #eee;
$color-shadow-gray-2: #d6d6d6;
$color-shadow-black: #333;
/*
****************    Size    *************** 
****************    Size    *************** 
****************    Size    *************** 
*/
// Font Size
$size-font-9: 9px;
$size-font-13: 13px;
$size-font-16: 16px;
$size-font-36: 36px;
// Font Weight Size
$size-weight-font-normal: normal;
$size-weight-font-medium: medium;
$size-weight-font-bold: bold;
$size-weight-font-700: 700;
$size-weight-font-600: 600;
$size-weight-font-500: 500;
$size-weight-font-400: 400;
$size-weight-font-300: 300;
$size-weight-font-200: 200;
$size-weight-font-100: 100;
// Border Radius Size
$size-border-radius-50-pct: 50%;
$size-border-radius-100-pct: 100%;
$size-border-radius-5: 5px;
$size-border-radius-8: 8px;
$size-border-radius-10: 10px;
$size-border-radius-15: 15px;
// Margin Size
$size-margin-t-10: 10px; // 上
$size-margin-r-10: 10px; // 右
$size-margin-b-10: 10px; // 下
$size-margin-l-10: 10px; // 左
$size-margin-tb-10: 10px 0px; // 上下
$size-margin-lr-10: 0px 10px; // 左右
// Padding Size
$size-padding-t-10: 10px; // 上
$size-padding-r-10: 10px; // 右
$size-padding-b-10: 10px; // 下
$size-padding-l-10: 10px; // 左
$size-padding-tb-10: 10px 0px; // 上下
$size-padding-lr-10: 0px 10px; // 左右
/**
****************    Other    *************** 
****************    Other    *************** 
****************    Other    *************** 
*/
$other-cursor-pointer: pointer;
$other-box-sizing: border-box;
// ========================================================================================================//
// ========================================================================================================//
// ===============                    以下继承类与混入类非高频率使用，切勿增加!!!                ================ //
// ===============                    以下继承类与混入类非高频率使用，切勿增加!!!                ================ //
// ===============                    以下继承类与混入类非高频率使用，切勿增加!!!                ================ //
// ========================================================================================================//
// ========================================================================================================//

/**
* extend样式类继承
*/
// Width and Height
.lee-wh-100 {
  width: 100%;
  height: 100%;
}
.lee-wh-100vh {
  width: 100%;
  height: 100vh;
}
// Lee Flex
.lee-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lee-flex-align-center {
  display: flex;
  align-items: center;
}
.lee-flex-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/**
* mixin/include 混合(混入)
*/
@mixin flex-align-center {
  display: flex;
  align-items: center;
}
